#app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    min-height: 100%;
    background: #fff;
  }

  /* Let's default this puppy out
  -------------------------------------------------------------------------------*/
  
  
  html,
  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  figure,
  footer,
  header,
  menu,
  nav,
  section,
  time,
  mark,
  audio,
  video,
  details,
  summary {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑';
  }
  
  article,
  aside,
  figure,
  footer,
  header,
  nav,
  section,
  details,
  summary {
    display: block;
  }
  
  /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
  
  /* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
  /* *, *:before, *:after {box-sizing: border-box; } */
  
  /* Responsive images and other embedded objects
     Note: keeping IMG here will cause problems if you're using foreground images as sprites.
     If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
  
  
  /* force a vertical scrollbar to prevent a jumpy page */
  html {
    overflow-y: scroll;
  }
  
  /* we use a lot of ULs that aren't bulleted. 
      don't forget to restore the bullets within content. */
  ul,
  ol {
    list-style: none;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  
  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
  }
  
  del {
    text-decoration: line-through;
  }
  
  abbr[title],
  dfn[title] {
    // border-bottom: 1px dotted #000;
    cursor: help;
  }
  
  /* tables still need cellspacing="0" in the markup */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  th {
    font-weight: bold;
    vertical-align: bottom;
  }
  
  td {
    font-weight: normal;
    vertical-align: top;
  }
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  
  
  
  pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
  }
  
  
  
  table {
    font-size: inherit;
    font: 100%;
  }
  
  small {
    font-size: 85%;
  }
  
  strong {
    font-weight: bold;
  }
  
  td,
  td img {
    vertical-align: top;
  }
  
  /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  
  sup {
    top: -0.5em;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  /* standardize any monospaced elements */
  pre,
  code,
  kbd,
  samp {
    font-family: monospace, sans-serif;
  }
  
  /* scale images in IE7 more attractively */
  .ie7 img {
    -ms-interpolation-mode: bicubic;
  }
  
  /* prevent BG image flicker upon hover 
     (commented out as usage is rare, and the filter syntax messes with some pre-processors)
  .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
  */
  
  /* let's clear some floats */
  .clearfix:before,
  .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  
  .clearfix:after {
    clear: both;
  }
  
  .clearfix {
    zoom: 1;
  }
  
  
  .contentblock:after {
    display: block;
    height: 2rem;
    content: '.';
    visibility: hidden;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   
    -webkit-user-drag: none;
    font-family: arial, sans-serif;
    box-sizing: border-box;
  }
  
  .color-grey {
    color: #b3b3b3;
  }
  
  .color-title {
    color: #666;
  }
  
  html,
  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  figure,
  footer,
  header,
  menu,
  nav,
  section,
  time,
  mark,
  audio,
  video,
  details,
  summary {
    font-family: '微软雅黑';
  }
  
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  
  a {
    text-decoration: none;
    color: #333;
  }
  
  li,
  ol {
    list-style: none;
  }
  
  i,
  em {
    font-style: normal;
  }
  
  button,
  input,
  textarea {
    &:focus {
      outline: none;
    }
  
    &::-webkit-input-placeholder {
      color: #ccc;
    }
  }
  
  .text-red {
    color: #fd3237 !important;
  }
  
  
  body {
    background: #f6f6f6;
  }